
import styles from './detail.css';
import { Row, Col,Button,Radio, Icon,Input } from 'antd';
const { TextArea } = Input;

export default function() {
  return (
    <div className={styles.normal}>
          <h2 style={{lineHeight:"30px",color:"#00f"}}>线路咨询</h2>
          <hr/>
          <p style={{fontSize:"25px",lineHeight:"30px",height:"30px"}}>「纯玩一晚二日游」:京城之旅（含吃住）无购物无自费轻松贵宾团。天安门升旗、八达岭长城、明十</p>
          <div>
              <Col span={11}><img src="http://www.guodulvyou.cn/20141117213006941.jpg" style={{width:"100%"}}/></Col>
              <Col span={13} style={{paddingLeft:"30px"}}>
                <p>门市价：￥100</p>
                <p>本站价格：￥100</p>
                <p>
                    <span>出发城市： 北京市 </span>
                    <span>往返交通：旅游空调车</span>
                </p>
                <p>发团时间： 天天发团</p>
                <p>提前报名： 建议提前3天</p>
                <div style={{width:"90%",height:"220px",border:"1px solid #ccc"}}>
                    <Button type="danger" style={{marginRight:"30px",width:"150px",height:"50px"}}>
                    开始预定
                    </Button>   
                    <Button type="danger" style={{marginRight:"30px",width:"150px",height:"50px"}}>
                    开始预定
                    </Button>
                    <img src="http://www.guodulvyou.cn/dianh.jpg" style={{display:"block"}}/>
                </div>
              </Col>
          </div>
          <div className={styles.tujian}>
              <h2 style={{lineHeight:"30px",color:"#00f"}}>推荐理由</h2>
              <hr/>
              <p>★ 餐餐美食，处处美景！</p>
              <p>★ 餐餐美食，处处美景！</p>
              <p>★ 餐餐美食，处处美景！</p>
              <p>★ 餐餐美食，处处美景！</p>
              <p>★ 餐餐美食，处处美景！</p>
          </div>
          <div className={styles.xingcheng}>
               <h2>行程说明</h2>
                <hr/>
                <img src="http://www.guodulvyou.cn/20130513102140216s.jpg"/>
                <img src="http://www.guodulvyou.cn/2014111723035228.jpg"/>
                <p>第一天： 北京 -八达岭长城-十三陵-十三陵水库-（古神道 石牌坊 小人国）-鸟巢水立方</p>
                <p>用餐：午餐 住宿:无 交通: 旅游巴士</p>
                <p>06:00派车接客人到发车地点集合。</p>
                <p>07:00导游带团出发，前往举世文明的万里长城——八达岭长城，行车时间约1.5小时，途观以秀美著称的居庸关。</p>
                <p>08:00游览世界八大奇迹之——八达岭长城（门 票·已含），游览攀登上888米的好汉坡(游览约3小时左右)，纵览巍巍长城内外，体会古今好汉豪情；烽火台上举目远望，长城大好河山尽收眼底，八达岭长 城的战略地位在历史上是非常重要的，所以此段长城修筑工程之宏大，城墙的坚固，敌楼密集。城墙随着山峰的走势，蜿蜒起伏，如巨龙盘绕。会让您感慨古人的聪 明和才智，不愧被称之为“世界八大奇迹之一”；</p>
                <p>12:00乘车到指定旅游餐厅用餐（豪华自助餐），午餐后参观御鹿苑，简单休息调整。</p>
                <p>13:00驱车前往明十三陵定陵，途中观赏十三陵风景区、古神道、石牌坊，参观当年由毛主席指挥万人修建的十三陵水库外景。后可自愿参观明皇宫，蜡像宫截取了明朝26个历史场景，辅以现代影视，声光效应，再现明朝16位皇帝276年历史。</p>
                <p>17:00到达奥运主会场——鸟巢，水立方。下车自由观光，拍照，沿途可就近下车，直至前门终点站，结束愉快的八达岭长城之旅  </p>
          <div>
                <img src="http://www.guodulvyou.cn/201503220241356413.jpg"/>
                <img src="http://www.guodulvyou.cn/25610af50189f12ebf5081df17595c24_w320_h240_c1_t0.jpg"/>
                <p>第二天： 北京 --故宫--颐和园--天坛--万寿寺--慈禧行宫</p>
                <p>用餐：午餐 住宿:无 交通: 旅游巴士</p>
                <p>早约07：00左右（参考时间）司机到客人住地接，免费赠送天安门广场升旗仪式，如希望观看，请提前预约</p>
                <p>8：30可选择乘慈禧水道游船游览皇家御河（慈禧水道过去是皇家御用河道，其“十里青山行画里，双飞白鸟似江南”的秀美景色，除清代王室外，尚无平民百姓欣赏过……），由水路前往世界最美的皇家园林慈喜太后行宫---颐和园（含门票 约3.5小时）（我国现存规模最大，保存最完整、最美的皇家园林，也是世界上最广阔的皇家园林之一，共有亭、台、楼、阁、廊、榭等不同形式的建筑3000多间。古树名木1600 余株。）</p>
                <p>11：00乘车到指定旅游餐厅用餐，午餐后简单休息调整</p>
                <p>12：00乘车前往皇帝用来祭天、祈谷的场所-天坛；北京天坛坐落在皇家园林当中，四周古松环抱，是保存完好的坛庙建筑群，  </p>
                <p>13：30驱车世界五大宫殿之首北京故宫，（门票已含，游览约200分钟左右），故宫曾是中国明、清两朝的皇宫，又名紫禁城，面积达72万平方米，共有宫殿房舍9000多间，是世界上现在保存最完整、规模最大的古代宫殿建筑群。主要参观点有午门、太和殿、中和殿、保和殿、乾清宫、交泰殿、坤宁宫、养心殿等。</p>
                <p>17：00左右游览世界最大的城市中心广场——天安门广场，参观毛主席纪念堂（关闭时参观外景）、人民大会堂外景、国家博物馆外景、国家大剧院、降国旗。 </p>
                <p>18：00 左右，自由逛王府井小吃街步行街，感受现代北京城夜景的繁华和时尚，品尝东华门小吃。</p>
                <img src="http://www.guodulvyou.cn/Cii9EVb0ljSICOlkAAvaAFDXlZgAACxAwL0TnUAC9oY701_w320_h240_c1_t0.jpg"  style={{width:"300px",height:"225px",margin:"20px 20px"}}/>
                <img src="http://www.guodulvyou.cn/Cii9EVbPyDuIBQDoAAZ85-IzdfAAACTNAPbcbMABnz_008_w320_h240_c1_t0.jpg"  style={{width:"300px",height:"225px",margin:"20px 20px"}}/>
              </div>
          <div className={styles.feiyong}>
               <h2>费用说明</h2>
                <hr/>
                <h3>费用包含：</h3>
                <p>1.【交通】空调旅游车全程旅游接送。</p>
                <p>2.【餐饮】正餐餐标25元/位，正餐十人一桌，八菜一汤，人数不够十人时菜数相应减少。</p>
                <p>3.【景点】行程所列景点之首道门票。</p>
                <p>4.【导游】中文导游服务费。</p>
                <p>5.【保险】旅行社责任保险。</p>
                <p>6.【儿童价格】包含正餐餐费及旅游车费，不含门票、房费和城市间交通费。</p>
                <h3>费用不包含：</h3>
                <p>1.【自费】自费选择项目,自由活动期间的餐食费及交通费。</p>
                <p>2.【个人消费】个人消费（如：电话、付费电视、洗衣等旅游费用包含之外的）。</p>
                <p>3.【特殊说明】旅游者因违约、自身过错、自由活动期间内行为或自身疾病引起的人身和财产损失.</p>
            </div>
            <div>
                <h2 style={{width:"100px",height:"30px",borderRadius:"5px 5px 0 0 ",background:'#0f0',textAlign:"center",lineHeight:"30px",margin:"50px 0"}}>温馨提示</h2>
                <hr/>
                <p>1.选择产品：您根据自己的情况选择产品，如有其它要求和疑问可通过电话或者网上联系我们，我们会为您专门定制适合您的旅游方案。 </p>
                <p>2.网上预订：可以网上或电话预订，提供订单信息（姓名、人数、联系电话、出游时间、抵达航班号或车次）。 </p>
                <p>3.订单确认：我们接收您的订单后，及时做好您的旅游行程安排工作，之后会电话或者短信通知您行程是否安排完成。</p>
                <p>4.抵达北京：您到达北京后，我们的工作人员会提前在车站举您的名牌接侯您，之后带您办理酒店入住手续，交付旅游团款。</p>
                <p>5.开心出游：接下来您可以开始您的愉快的行程，行程中遇到问题可以直接和我们的服务您的客服联系处理。</p>
                <p>6.质量回访：您的行程结束后，我们的客服人员会对您做质量回访，了解您对我们的工作的评价，希望您能给予我们更多的建议和意见</p>
            </div>
            <div className={styles.yuding}>
                <h2 style={{width:"100px",height:"30px",borderRadius:"5px 5px 0 0 ",background:'#0f0',textAlign:"center",lineHeight:"30px",margin:"50px 0"}}>在线预订</h2>
                <hr/>
                <p style={{color:"red"}}>*选项为必填</p>
                <h3><span>*</span>线路名称：</h3>
                <Input placeholder="请输入线路名称"/>
                <h3><span>*</span>预订人姓名：</h3>
                <Input placeholder="请输入预订人姓名" />
                <h3><span>*</span>预订人数：</h3>
                <Input placeholder="请输入预订人数" />
                <h3><span>*</span>联系电话：</h3>
                <Input placeholder="联系电话" />
                <h3><span>*</span>旅游时间：</h3>
                <Input placeholder="请输入旅游时间" />
                <h3><span>*</span>接站地址：</h3>
                <Input placeholder="请输入接站地址" />
                <h3>其它说明：</h3>
                <TextArea rows={4} />
                <Button type="primary"  className={styles.tijiao} >提交 </Button>  
            </div>
           
          </div>
    </div>
  );
}
